<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link rel="stylesheet" href="./style/index.css"/>

</head>
<body>

<input type="text" placeholder="" id="input" class=""/>
<button id="btn1">添加商品</button>


<table id="table">
    <thead>
    <tr>
        <th>商品id</th>
        <th>商品名称</th>
        <th>商品价格</th>
        <th>商品描述</th>
        <th>商品库存</th>
        <th>操作</th>
    </tr>
    </thead>

</table>
<script type="module">

    import {Pubsub} from "./pubsub.js";
    import {ProductModel} from "./model/productModel.js";
    import {BaseTableTdView} from "./view/baseTableTdView.js";
    import {BaseController} from "./controller/baseController.js";

    let pubsub = new Pubsub();
    let model = new ProductModel(pubsub);
    let view = new BaseTableTdView(pubsub);
    let controller = new BaseController({
        model,
        view,
        pubsub,
    })


    // import {BaseTableTdView} from "./view/baseTableTdView.js";
    // import {Pubsub} from "./pubsub.js";
    //
    // let pubsub = new Pubsub();
    // let baseTableTdView = new BaseTableTdView(pubsub);
    // baseTableTdView.render([{productId: 5, productName: '袜子'}]);
</script>
</body>
</html>
